.nav {
  position: fixed;
  top: 4.4rem;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 3.5rem;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  overflow: hidden;
  // 隐藏滚动条
  .scroll {
    // height: 3.5rem;
    height: 4.2rem;
    // 让滚动条出去

    // 可控制元素在移动设备有滚动回弹效果，可惯性滚动
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;

    .nav-wrapper {
      display: flex;
      flex-direction: row;
      height: 3.5rem;

      .item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 6rem;
        font-size: 1.6rem;

        &.current {
          color: #ec7a70;
        }
      }
    }
  }
}
